<template>
  <div>
    <div class="nav-bar">
      <div class="left" @click="onClickLeft" ><slot name="left"></slot></div>
      <div class="center"><slot name="center"></slot></div>
      <div class="right"><slot name="right"></slot></div>
    </div>
  </div>
</template>

<script>

import { Toast } from 'vant';
export default {
  data() {
    return {

    };
  },
  

  methods: {
    onClickLeft() {
      Toast("返回")
    },
    idhsihx(){
      localStorage.setItem("login","{'logging_status':false}")
    }
  },
}
</script>

<style lang='scss' scoped>
@import "../style/mixin";
    .loginContainer {
    padding-top: 1.95rem;
    p,
    span,
    input {
        font-family: Helvetica Neue, Tahoma, Arial;
    }
    }
.head_goback{
        left: 0.2rem;
        @include wh(0.6rem, 1rem);
        line-height: 2.2rem;
        margin-left: 0.2rem;
}
.nav-bar {
  display: flex;
  width: 100%;
  background-color: rgb(2, 182, 253, 0.7);
  height: 40px;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 100;
  .left{
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    width: 60px;
    height: 75%;
  }
  .right{
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    width: 70px;
  }
  .center {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    z-index: 100;
  }
}
</style>
